<!-- Main -->
<div class="main" role="main">


    <section class="page-content">
        <div class="container">

            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <h1>Pet Sitter</h1>
                    <!-- Job Form -->
                    <form action="registrazione/register_petsitter" method="post" id="register_petsitter" name="register_petsitter" class="job-manager-form" enctype="multipart/form-data">

                        <!-- Tabs -->
                        <div class="tabs">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab1-1" data-toggle="tab">Utente</a></li>
                                <li><a href="#tab1-2" data-toggle="tab">Costi</a></li>
                                <li><a href="#tab1-3" data-toggle="tab" id="myhome">Casa</a></li>
                            </ul>
                            <div class="col-md-6" style="display:none;position: absolute;z-index: 10;top: -30px;left: 240px;" id="alertcasa" >
                                <div class="alert alert-danger alert-dismissable"  >
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="fa fa-times"></i></button>
                                    Riemipi questa area solo se vuoi <strong>ospitare gli animali anche a casa tua</strong> 
                                </div>
                            </div>
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div class="tab-pane fade in active" id="tab1-1">
                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">Nome <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="nome" id="nome" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">Cognome <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="cognome" id="cognome" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <!-- <div class="form-group"> -->
                                        <label class="job_title">Data di Nascita</label>
                                        <!--<div class="col-md-12"> -->
                                        <div class="row">
                                            <div class="col-md-2">
                                                <input type="text" id="txt_day" name="txt_day" class="form-control"  placeholder="DD" required maxlength="2" data-validation-required-message="Day is required" >
                                            </div>
                                            <div class="col-md-2">
                                                <input type="text" id="txt_day" name="txt_month" class="form-control"  placeholder="MM" required maxlength="2" data-validation-required-message="Month is required" >
                                            </div>
                                            <div class="col-md-2">
                                                <input type="text" id="txt_year" name="txt_year" class="form-control"  placeholder="YY" required maxlength="4" data-validation-required-message="Year is required" >
                                            </div>
                                        </div> 
                                        <!-- </div> -->
                                        <!-- </div> -->
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">Città <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="citta" id="citta" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">Indirizzo <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="indirizzo" id="indirizzo" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label>Email <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="email" class="form-control" name="email" id="email" placeholder="you@yourdomain.com" value="" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label>Password <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="password" class="form-control" name="pwd" id="pwd" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">Sesso <span class="required">*</span></label>
                                        <div class="field">
                                            <div class="radio__custom radio__style1">
                                                <label class="radio-inline">
                                                    <input type="radio" name="sesso" id="sessoMM" value="M">
                                                    <span>Maschio</span>
                                                </label>
                                            </div>    
                                            <div class="radio__custom radio__style1">
                                                <label class="radio-inline">
                                                    <input type="radio" name="sesso" id="sessoFF" value="F" >
                                                    <span>Femmina</span>
                                                </label>
                                            </div>      
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_title">
                                        <label for="job_title">N° Carta d'Identità <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="cartaId" id="cartaId" />
                                        </div>
                                    </fieldset>

<!--                                    <fieldset class="fieldset-company_logo">
                                        <label for="company_logo">Foto <small>(optional)</small></label>
                                        <div class="field">
                                            <input type="file" class="form-control" name="fotoProfilo" id="fotoProfilo" />
                                            <small class="description">
                                                Max. file size: 32 MB.</small>
                                        </div>
                                    </fieldset>-->
                                </div>
                                <div class="tab-pane fade" id="tab1-2">
                                    <!-- Attributi della Tabella Costi / Inizio -->

                                    <div class="row">

                                        <fieldset class="fieldset-job_type">
                                            <label for="job_title">Costo Giornaliero <span class="required">*</span></label>
                                            <div class="field">

                                                <input type="text" class="form-control" name="costoGiorn" id="costoGiorn" placeholder="Costo Giornaliero €"/>
                                            </div>
                                        </fieldset>


                                        <fieldset class="fieldset-job_type">
                                            <label for="job_title">Costo Orario <span class="required">*</span></label>
                                            <div class="field">

                                                <input type="text" class="form-control" name="costoOrario" id="costoOrario" placeholder="Costo Orario €"/>
                                            </div>
                                        </fieldset>


                                        <fieldset class="fieldset-job_type">
                                            <label for="job_title">Costo Pet Aggiuntivo <span class="required">*</span></label>
                                            <div class="field">

                                                <input type="text" class="form-control" name="costoPetAgg" id="costoPetAgg" placeholder="Costo Pet Aggiunto €"/>
                                            </div>
                                        </fieldset>

                                    </div>

                                    <!-- Attributi della Tabella Costi / Fine -->

                                    <!-- Attributi della Tabella Curriculum / Inizio -->

                                    <div class="row">
                                        <div class="col-md-12">
                                            <fieldset class="fieldset-job_type">
                                                <div class="col-md-4">
                                                    <label style="width: auto;" for="animali_accuditi">Accudisco questi tipi di Animali</label>
                                                </div>
                                                
                                                <?php
                                                foreach ($tipoanimale as $item) :
                                                    ?>
                                                <div class="col-md-2">
                                                    <div class="checkbox checkbox__custom checkbox__style1">
                                                        <label>
                                                            <?php echo form_checkbox('animaliAccuditi[]', $item["Id"], set_checkbox('animaliAccuditi', $item["Id"])); ?> 
                                                            <span><?= $item["Nome"] ?></span>
                                                        </label>

                                                    </div>
                                                </div>
                                                <?php endforeach;
                                                ?>



                                            </fieldset>
                                        </div>
                                        <div class="col-md-12">
                                            <fieldset class="fieldset-job_category">
                                                <label for="anni_esperienza">Anni Esperienza</label>
                                                <div class="field select-style">
                                                    <select name="anniEsperienza" id="anniEsperienza" class="form-control">
                                                        <?php
                                                        foreach ($esperienza as $item) :
                                                            ?>
                                                            <option value="  <?= $item["Id"] ?> "> <?= $item["Nome"] ?>  </option>
                                                        <?php endforeach;
                                                        ?>
                                                    </select>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>

                                    <fieldset class="fieldset-job_title">
                                        <label for="titolo_annuncio">Titolo Annuncio <span class="required">*</span></label>
                                        <div class="field">
                                            <input type="text" class="form-control" name="titoloAnnuncio" id="titoloAnnuncio" />
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_description">
                                        <label>Descrizione Annuncio</label>
                                        <div class="field">
                                            <textarea name="descrizioneAnnuncio" cols="30" rows="8" class="form-control"></textarea>
                                        </div>
                                    </fieldset>


                                    <fieldset class="fieldset-job_description">
                                        <label>Certificazioni</label>
                                        <div class="field">
                                            <textarea name="certificazioni" cols="30" rows="8" class="form-control">Qui puoi inserire tutte le certificazioni che hai conseguito
                                                    es: Certificato Addestratore, Corsi di formazione di Pet Sitting, Edutore Cinofilo, Toelettatura ecc </textarea>
                                        </div>
                                    </fieldset>

                                    <fieldset class="fieldset-job_description">
                                        <label>Specializzazioni</label>
                                        <div class="field">
                                            <textarea name="specializzazioni" cols="30" rows="8" class="form-control">Scrivi l tue Specializzazioni da Istruttore / Educatore </textarea>
                                        </div>
                                    </fieldset>


                                    <fieldset class="fieldset-job_description">
                                        <label>Auto Emergenza</label>
                                        <div class="field">
                                            <div class="radio__custom radio__style1">
                                                <label class="radio-inline">
                                                    <input type="radio" name="autoEmergenza" id="AutoEmergenzaSI" value=1>
                                                    <span>SI</span>
                                                </label>
                                            </div>    
                                            <div class="radio__custom radio__style1">
                                                <label class="radio-inline">
                                                    <input type="radio" name="autoEmergenza" id="AutoEmergenzaNO" value=0 >
                                                    <span>NO</span>
                                                </label>
                                            </div>      
                                        </div>
                                    </fieldset>
                                    <!-- Attributi della Tabella Curriculum / Fine -->
                                </div>

                                <div class="tab-pane fade" id="tab1-3">
                                    <!-- Attributi della Tabella Casa / Inizio -->
                                    <div class="row">

                                        <fieldset class="fieldset-job_title">
                                            <label for="job_title">Metri Quadri Casa <span class="required">*</span></label>
                                            <div class="field">
                                                <input type="text" class="form-control" name="mqCasa" id="mqCasa" />
                                            </div>
                                        </fieldset>

                                        <fieldset class="fieldset-job_type">
                                            <label for="tipo_abitazione">Tipo Abitazione</label>
                                            <div class="field select-style">
                                                <select name="tipoAbitazione" id="tipoAbitazione" class="form-control">
                                                    <?php
                                                        foreach ($tipoabitazione as $item) :
                                                            ?>
                                                            <option value="  <?= $item["Id"] ?> "> <?= $item["Nome"] ?>  </option>
                                                        <?php endforeach;
                                                        ?>
                                                </select>
                                            </div>
                                        </fieldset>

                                    </div>

                                    <div class="row">

                                        <fieldset class="fieldset-job_description">
                                            <label>Presenza Giardino</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaGiardino" id="presenzaGiardinoSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaGiardino" id="presenzaGiardinoNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                        <fieldset class="fieldset-job_title">
                                            <label for="job_title">Metri Quadri Giardino <span class="required">*</span></label>
                                            <div class="field">
                                                <input type="text" class="form-control" name="mqGiardino" id="mqGiardino" />
                                            </div>
                                        </fieldset>

                                    </div>

                                    <div class="row">

                                        <fieldset class="fieldset-job_description">
                                            <label>Presenza Terrazza</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaTerrazza" id="presenzaTerrazzaSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaTerrazza" id="presenzaTerrazzaNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                        <fieldset class="fieldset-job_title">
                                            <label for="job_title">Metri Quadri Terrazza <span class="required">*</span></label>
                                            <div class="field">
                                                <input type="text" class="form-control" name="mqTerrazza" id="mqTerrazza" />
                                            </div>
                                        </fieldset>

                                    </div>

                                    <div class="row">

                                        <fieldset class="fieldset-job_description">
                                            <label>Vicinanza Parchi (raggio 2Km)</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="vicinanzaParchi" id="vicinanzaParchiSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="vicinanzaParchi" id="vicinanzaParchiNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>


                                        <fieldset class="fieldset-job_description">
                                            <label>Presenza Altri Animali</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaAnimali" id="presenzaAnimaliSI" value=1>
                                                        <span>SI</span>
                                                    </label>

                                                    <label class="radio-inline">
                                                        <input type="radio" name="presenzaAnimali" id="presenzaAnimaliNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                    </div>

                                    <div class="row">

                                        <fieldset class="fieldset-job_description">
                                            <label>Supervisione 24H</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="supervisione" id="supervisioneSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="supervisione" id="supervisioneNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                        <fieldset class="fieldset-job_description">
                                            <label>Ritiro Gratuito 1Km</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="ritiro1Km" id="ritiro1KmSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="ritiro1Km" id="ritiro1KmNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                        <fieldset class="fieldset-job_description">
                                            <label>Ritiro Gratuito 10Km</label>
                                            <div class="field">
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="ritiro10Km" id="ritiro10KmSI" value=1>
                                                        <span>SI</span>
                                                    </label>
                                                </div>    
                                                <div class="radio__custom radio__style1">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="ritiro10Km" id="ritiro10KmNO" value=0 >
                                                        <span>NO</span>
                                                    </label>
                                                </div>      
                                            </div>
                                        </fieldset>

                                    </div>
                                    <!-- Attributi della Tabella Casa / Fine -->
                                </div>
                            </div>
                        </div>
                        <!-- Tabs / End -->

                        <div class="spacer"></div>

                        <p>

                            <input type="submit" name="submit_job" class="btn btn-primary" value="Inserisci &rarr;" />
                        </p>

                    </form>
                    <!-- Job Form / End -->
                </div>
            </div>

        </div>
    </section>
    <!-- Page Content / End -->

</div>
<!-- Main / End -->

<script>
    $().ready(function() {
        $('#myhome')
                .mouseover(function() {
                    $('#alertcasa').show();
                })
                .mouseout(function() {
                    $('#alertcasa').hide();
                });
    });
</script>
